<include file="Public/head"/>
<body class="no-skin">
<include file="Public/header"/>	
<div class="main-container" id="main-container">

	<!--引入小图标文件-->
    <script src="__PUBLIC__/Admin/tubiao/jquery2.1.4.min.js"></script>
    <script src="__PUBLIC__/Admin/tubiao/jquery.fonticonpicker.js"></script>
    <link href="__PUBLIC__/Admin/tubiao/css/jquery.fonticonpicker.css" rel="stylesheet" /><!--加载字体图标-->
    <link href="__PUBLIC__/Admin/tubiao/themes/grey-theme/jquery.fonticonpicker.grey.css" rel="stylesheet" />
    <link href="__PUBLIC__/Admin/tubiao/themes/dark-grey-theme/jquery.fonticonpicker.darkgrey.css" rel="stylesheet" />
    <link href="__PUBLIC__/Admin/tubiao/themes/bootstrap-theme/jquery.fonticonpicker.bootstrap.css" rel="stylesheet" />
    <link href="__PUBLIC__/Admin/tubiao/themes/inverted-theme/jquery.fonticonpicker.inverted.css" rel="stylesheet" />
    <link href="__PUBLIC__/Admin/tubiao/fontello-7275ca86/css/fontello.css" rel="stylesheet" />
	<!--引入小图标文件-->	
	
    <script type="text/javascript">
        try {
            ace.settings.check('main-container', 'fixed')
        } catch (e) {
        }
    </script>

    <include file="Public/sidebar"/>
    <div class="main-content">
        <div class="main-content-inner">
            <!-- #section:basics/content.breadcrumbs -->
            <include file="Public/breadcrumbs"/>

            <!-- /section:basics/content.breadcrumbs -->
            <div class="page-content">
                <include file="Public/set"/>

                <!-- /section:settings.box -->
                <div class="row">
                    <div class="col-xs-12">
                        <!-- PAGE CONTENT BEGINS -->
                        <form class="form-horizontal" action="{:U('update')}" method="post">
                            <div class="form-group">
                                <label class="col-sm-1 control-label no-padding-right" for="form-field-10">
                                    上级菜单 </label>
                                <input name="id" value="{$currentmenu.id}" type="hidden">
                                <div class="col-sm-9">
                                    <select id="pid" name="pid" class="rcol-xs-10 col-sm-5">
                                        <option value="0"
                                        <if condition="$currentmenu.pid eq 0">selected="selected"</if>
                                        >顶级菜单</option>
                                        <volist name="option" id="v">
                                            <option value="{$v.id}"
                                            <if condition="$currentmenu.pid eq $v['id']">selected="selected"</if>
                                            >{$v['title']}</option>
                                            <volist name="v.children" id="vv">
                                                <option value="{$vv.id}"
                                                <if condition="$currentmenu.pid eq $vv['id']">selected="selected"</if>
                                                >&nbsp;&nbsp;┗━{$vv['title']}</option>
                                            </volist>
                                        </volist>
                                    </select>
                                    <span class="help-inline col-xs-12 col-sm-7">
												<span class="middle"></span>
											</span>
                                </div>
                            </div>
                            <div class="space-4"></div>
                            <div class="form-group">
                                <label class="col-sm-1 control-label no-padding-right" for="form-field-1"> 菜单名称 </label>
                                <div class="col-sm-9">
                                    <input type="text" name="title" id="title" class="rcol-xs-10 col-sm-5"
                                           value="{$currentmenu.title}">
                                    <span class="help-inline col-xs-12 col-sm-7">
												<span class="middle"></span>
											</span>
                                </div>
                            </div>

                            <div class="space-4"></div>
                            <div class="form-group">
                                <label class="col-sm-1 control-label no-padding-right" for="form-field-2"> 链接 </label>
                                <div class="col-sm-9">
                                    <input type="text" name="name" id="name" placeholder="链接，如：Index/index"
                                           class="col-xs-10 col-sm-5" value="{$currentmenu.name}">
                                    <span class="help-inline col-xs-12 col-sm-7">
												<span class="middle"></span>
											</span>
                                </div>
                            </div>

                            <div class="space-4"></div>
                            <div class="form-group">
                                <label class="col-sm-1 control-label no-padding-right" for="form-field-2"> 传参值 </label>
                                <div class="col-sm-9">
                                    <input type="text" name="cs" id="cs" placeholder="只能数字"
                                           class="col-xs-10 col-sm-5" value="{$currentmenu.cs}" onKeyUp="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
                                    <span class="help-inline col-xs-12 col-sm-7">
												<span class="middle"></span>
											</span>
                                </div>
                            </div>

                            <div class="space-4"></div>
                            <div class="form-group"> <label class="col-sm-1 control-label no-padding-right" for="form-field-2">ICON图标 </label>
                                <div class="col-sm-9">
                                    <input type="text" name="icon" id="icon" placeholder="ICON图标" class="col-xs-10 col-sm-5" value="{$currentmenu.icon}">
									<select id="destroy-api" name="destroy-api"></select>
										   										   
                                    <span class="help-inline col-xs-12 col-sm-7"><span class="middle">menu-icon fa fa-desktop</span></span>
                                </div>
                            </div>

                            <div class="space-4"></div>
                            <div class="form-group">
                                <label class="col-sm-1 control-label no-padding-right" for="form-field-2"> 显示状态 </label>
                                <div class="control-label no-padding-left col-sm-1">
                                    <label>
                                        <input name="islink" id="islink"
                                        <if condition="$currentmenu.islink eq 1">checked="checked"</if>
                                        value="1" class="ace ace-switch ace-switch-2" type="checkbox" />
                                        <span class="lbl"></span>
                                    </label>
                                </div>
                                <span class="help-inline col-xs-12 col-sm-7">
												<span class="middle"></span>
										</span>
                            </div>
                            <div class="space-4"></div>
                            <div class="form-group">
                                <label class="col-sm-1 control-label no-padding-right" for="form-field-2"> 排序 </label>
                                <div class="col-sm-9">
                                    <input type="text" name="o" id="o" placeholder="" class="col-xs-10 col-sm-5"
                                           value="{$currentmenu.o}" onKeyUp="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
                                    <span class="help-inline col-xs-12 col-sm-7">
												<span class="middle">越小越靠前</span>
											</span>
                                </div>
                            </div>
                            <div class="space-4"></div>
                            <div class="form-group">
                                <label class="col-sm-1 control-label no-padding-right" for="form-field-2"> 页面提示</label>
                                <div class="col-sm-9">
                                    <textarea name="tips" id="tips" placeholder="页面提示" class="col-xs-10 col-sm-5"
                                              rows="5">{$currentmenu.tips}</textarea>
                                    <span class="help-inline col-xs-12 col-sm-7">
												<span class="middle"></span>
											</span>
                                </div>
                            </div>

                            <div class="space-4"></div>
                            <div class="col-md-offset-2 col-md-9">
                                <button class="btn btn-info" type="submit">
                                    <i class="icon-ok bigger-110"></i>
                                    提交
                                </button>

                                &nbsp; &nbsp; &nbsp;
                                <button class="btn" type="reset">
                                    <i class="icon-undo bigger-110"></i>
                                    重置
                                </button>
                            </div>
                        </form>
                        <!-- PAGE CONTENT ENDS -->
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.page-content -->
        </div>
    </div><!-- /.main-content -->
    <include file="Public/footer"/>

</div><!-- /.main-container -->

<include file="Public/footerjs"/>
<!-- inline scripts related to this page -->
<script type="text/javascript">
    $(function () {
        var editor = KindEditor.create('textarea[name="tips"]', {
            resizeType: 1,
            allowPreviewEmoticons: false,
            allowImageUpload: false,
            items: [
                'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
                'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
                'insertunorderedlist', '|', 'emoticons', 'link']
        });
        $(".btn.btn-info").click(function () {
            var title = $("#title").val();
            if (title == '') {
                bootbox.alert({
                    buttons: {
                        ok: {
                            label: '确定',
                            className: 'btn-myStyle'
                        }
                    },
                    message: '菜单名称不能为空。',
                    title: "友情提示",
                });
                return false;
            }

        })
    })
</script>
<script>
    $(document).ready(function () {
        var icm_icons = {
            'Web 图标': ['fa fa-adjust'
                , 'fa fa-anchor'
                , 'fa fa-archive'
                , 'fa fa-area-chart'
                , 'fa fa-arrows'
                , 'fa fa-arrows-h'
                , 'fa fa-arrows-v'
                , 'fa fa-asterisk'
                , 'fa fa-at'
                , 'fa fa-automobile '
                , 'fa fa-ban'
                , 'fa fa-bank '
                , 'fa fa-bar-chart'
                , 'fa fa-bar-chart-o '
                , 'fa fa-barcode'
                , 'fa fa-bars'
                , 'fa fa-beer'
                , 'fa fa-bell'
                , 'fa fa-bell-o'
                , 'fa fa-bell-slash'
                , 'fa fa-bell-slash-o'
                , 'fa fa-bicycle'
                , 'fa fa-binoculars'
                , 'fa fa-birthday-cake'
                , 'fa fa-bolt'
                , 'fa fa-bomb'
                , 'fa fa-book'
                , 'fa fa-bookmark'
                , 'fa fa-bookmark-o'
                , 'fa fa-briefcase'
                , 'fa fa-bug'
                , 'fa fa-building'
                , 'fa fa-building-o'
                , 'fa fa-bullhorn'
                , 'fa fa-bullseye'
                , 'fa fa-bus'
                , 'fa fa-cab '
                , 'fa fa-calculator'
                , 'fa fa-calendar'
                , 'fa fa-calendar-o'
                , 'fa fa-camera'
                , 'fa fa-camera-retro'
                , 'fa fa-car'
                , 'fa fa-caret-square-o-down'
                , 'fa fa-caret-square-o-left'
                , 'fa fa-caret-square-o-right'
                , 'fa fa-caret-square-o-up'
                , 'fa fa-cc'
                , 'fa fa-certificate'
                , 'fa fa-check'
                , 'fa fa-check-circle'
                , 'fa fa-check-circle-o'
                , 'fa fa-check-square'
                , 'fa fa-check-square-o'
                , 'fa fa-child'
                , 'fa fa-circle'
                , 'fa fa-circle-o'
                , 'fa fa-circle-o-notch'
                , 'fa fa-circle-thin'
                , 'fa fa-clock-o'
                , 'fa fa-close '
                , 'fa fa-cloud'
                , 'fa fa-cloud-download'
                , 'fa fa-cloud-upload'
                , 'fa fa-code'
                , 'fa fa-code-fork'
                , 'fa fa-coffee'
                , 'fa fa-cog'
                , 'fa fa-cogs'
                , 'fa fa-comment'
                , 'fa fa-comment-o'
                , 'fa fa-comments'
                , 'fa fa-comments-o'
                , 'fa fa-compass'
                , 'fa fa-copyright'
                , 'fa fa-credit-card'
                , 'fa fa-crop'
                , 'fa fa-crosshairs'
                , 'fa fa-cube'
                , 'fa fa-cubes'
                , 'fa fa-cutlery'
                , 'fa fa-dashboard '
                , 'fa fa-database'
                , 'fa fa-desktop'
                , 'fa fa-dot-circle-o'
                , 'fa fa-download'
                , 'fa fa-edit '
                , 'fa fa-ellipsis-h'
                , 'fa fa-ellipsis-v'
                , 'fa fa-envelope'
                , 'fa fa-envelope-o'
                , 'fa fa-envelope-square'
                , 'fa fa-eraser'
                , 'fa fa-exchange'
                , 'fa fa-exclamation'
                , 'fa fa-exclamation-circle'
                , 'fa fa-exclamation-triangle'
                , 'fa fa-external-link'
                , 'fa fa-external-link-square'
                , 'fa fa-eye'
                , 'fa fa-eye-slash'
                , 'fa fa-eyedropper'
                , 'fa fa-fax'
                , 'fa fa-female'
                , 'fa fa-fighter-jet'
                , 'fa fa-file-archive-o'
                , 'fa fa-file-audio-o'
                , 'fa fa-file-code-o'
                , 'fa fa-file-excel-o'
                , 'fa fa-file-image-o'
                , 'fa fa-file-movie-o '
                , 'fa fa-file-pdf-o'
                , 'fa fa-file-photo-o '
                , 'fa fa-file-picture-o '
                , 'fa fa-file-powerpoint-o'
                , 'fa fa-file-sound-o '
                , 'fa fa-file-video-o'
                , 'fa fa-file-word-o'
                , 'fa fa-file-zip-o '
                , 'fa fa-film'
                , 'fa fa-filter'
                , 'fa fa-fire'
                , 'fa fa-fire-extinguisher'
                , 'fa fa-flag'
                , 'fa fa-flag-checkered'
                , 'fa fa-flag-o'
                , 'fa fa-flash '
                , 'fa fa-flask'
                , 'fa fa-folder'
                , 'fa fa-folder-o'
                , 'fa fa-folder-open'
                , 'fa fa-folder-open-o'
                , 'fa fa-frown-o'
                , 'fa fa-futbol-o'
                , 'fa fa-gamepad'
                , 'fa fa-gavel'
                , 'fa fa-gear '
                , 'fa fa-gears '
                , 'fa fa-gift'
                , 'fa fa-glass'
                , 'fa fa-globe'
                , 'fa fa-graduation-cap'
                , 'fa fa-group '
                , 'fa fa-hdd-o'
                , 'fa fa-headphones'
                , 'fa fa-heart'
                , 'fa fa-heart-o'
                , 'fa fa-history'
                , 'fa fa-home'
                , 'fa fa-image '
                , 'fa fa-inbox'
                , 'fa fa-info'
                , 'fa fa-info-circle'
                , 'fa fa-institution '
                , 'fa fa-key'
                , 'fa fa-keyboard-o'
                , 'fa fa-language'
                , 'fa fa-laptop'
                , 'fa fa-leaf'
                , 'fa fa-legal '
                , 'fa fa-lemon-o'
                , 'fa fa-level-down'
                , 'fa fa-level-up'
                , 'fa fa-life-bouy '
                , 'fa fa-life-buoy '
                , 'fa fa-life-ring'
                , 'fa fa-life-saver '
                , 'fa fa-lightbulb-o'
                , 'fa fa-line-chart'
                , 'fa fa-location-arrow'
                , 'fa fa-lock'
                , 'fa fa-magic'
                , 'fa fa-magnet'
                , 'fa fa-mail-forward '
                , 'fa fa-mail-reply '
                , 'fa fa-mail-reply-all '
                , 'fa fa-male'
                , 'fa fa-map-marker'
                , 'fa fa-meh-o'
                , 'fa fa-microphone'
                , 'fa fa-microphone-slash'
                , 'fa fa-minus'
                , 'fa fa-minus-circle'
                , 'fa fa-minus-square'
                , 'fa fa-minus-square-o'
                , 'fa fa-mobile'
                , 'fa fa-mobile-phone '
                , 'fa fa-money'
                , 'fa fa-moon-o'
                , 'fa fa-mortar-board '
                , 'fa fa-music'
                , 'fa fa-navicon '
                , 'fa fa-newspaper-o'
                , 'fa fa-paint-brush'
                , 'fa fa-paper-plane'
                , 'fa fa-paper-plane-o'
                , 'fa fa-paw'
                , 'fa fa-pencil'
                , 'fa fa-pencil-square'
                , 'fa fa-pencil-square-o'
                , 'fa fa-phone'
                , 'fa fa-phone-square'
                , 'fa fa-photo '
                , 'fa fa-picture-o'
                , 'fa fa-pie-chart'
                , 'fa fa-plane'
                , 'fa fa-plug'
                , 'fa fa-plus'
                , 'fa fa-plus-circle'
                , 'fa fa-plus-square'
                , 'fa fa-plus-square-o'
                , 'fa fa-power-off'
                , 'fa fa-print'
                , 'fa fa-puzzle-piece'
                , 'fa fa-qrcode'
                , 'fa fa-question'
                , 'fa fa-question-circle'
                , 'fa fa-quote-left'
                , 'fa fa-quote-right'
                , 'fa fa-random'
                , 'fa fa-recycle'
                , 'fa fa-refresh'
                , 'fa fa-remove '
                , 'fa fa-reorder '
                , 'fa fa-reply'
                , 'fa fa-reply-all'
                , 'fa fa-retweet'
                , 'fa fa-road'
                , 'fa fa-rocket'
                , 'fa fa-rss'
                , 'fa fa-rss-square'
                , 'fa fa-search'
                , 'fa fa-search-minus'
                , 'fa fa-search-plus'
                , 'fa fa-send '
                , 'fa fa-send-o '
                , 'fa fa-share'
                , 'fa fa-share-alt'
                , 'fa fa-share-alt-square'
                , 'fa fa-share-square'
                , 'fa fa-share-square-o'
                , 'fa fa-shield'
                , 'fa fa-shopping-cart'
                , 'fa fa-sign-in'
                , 'fa fa-sign-out'
                , 'fa fa-signal'
                , 'fa fa-sitemap'
                , 'fa fa-sliders'
                , 'fa fa-smile-o'
                , 'fa fa-soccer-ball-o '
                , 'fa fa-sort'
                , 'fa fa-sort-alpha-asc'
                , 'fa fa-sort-alpha-desc'
                , 'fa fa-sort-amount-asc'
                , 'fa fa-sort-amount-desc'
                , 'fa fa-sort-asc'
                , 'fa fa-sort-desc'
                , 'fa fa-sort-down '
                , 'fa fa-sort-numeric-asc'
                , 'fa fa-sort-numeric-desc'
                , 'fa fa-sort-up '
                , 'fa fa-space-shuttle'
                , 'fa fa-spinner'
                , 'fa fa-spoon'
                , 'fa fa-square'
                , 'fa fa-square-o'
                , 'fa fa-star'
                , 'fa fa-star-half'
                , 'fa fa-star-half-empty '
                , 'fa fa-star-half-full '
                , 'fa fa-star-half-o'
                , 'fa fa-star-o'
                , 'fa fa-suitcase'
                , 'fa fa-sun-o'
                , 'fa fa-support '
                , 'fa fa-tablet'
                , 'fa fa-tachometer'
                , 'fa fa-tag'
                , 'fa fa-tags'
                , 'fa fa-tasks'
                , 'fa fa-taxi'
                , 'fa fa-terminal'
                , 'fa fa-thumb-tack'
                , 'fa fa-thumbs-down'
                , 'fa fa-thumbs-o-down'
                , 'fa fa-thumbs-o-up'
                , 'fa fa-thumbs-up'
                , 'fa fa-ticket'
                , 'fa fa-times'
                , 'fa fa-times-circle'
                , 'fa fa-times-circle-o'
                , 'fa fa-tint'
                , 'fa fa-toggle-down '
                , 'fa fa-toggle-left '
                , 'fa fa-toggle-off'
                , 'fa fa-toggle-on'
                , 'fa fa-toggle-right'
                , 'fa fa-toggle-up '
                , 'fa fa-trash'
                , 'fa fa-trash-o'
                , 'fa fa-tree'
                , 'fa fa-trophy'
                , 'fa fa-truck'
                , 'fa fa-tty'
                , 'fa fa-umbrella'
                , 'fa fa-university'
                , 'fa fa-unlock'
                , 'fa fa-unlock-alt'
                , 'fa fa-unsorted '
                , 'fa fa-upload'
                , 'fa fa-user'
                , 'fa fa-users'
                , 'fa fa-video-camera'
                , 'fa fa-volume-down'
                , 'fa fa-volume-off'
                , 'fa fa-volume-up'
                , 'fa fa-warning '
                , 'fa fa-wheelchair'
                , 'fa fa-wifi'
                , 'fa fa-wrench'
            ],
            '方向图标': [
                'fa fa-angle-double-down'
                , 'fa fa-angle-double-left'
                , 'fa fa-angle-double-right'
                , 'fa fa-angle-double-up'
                , 'fa fa-angle-down'
                , 'fa fa-angle-left'
                , 'fa fa-angle-right'
                , 'fa fa-angle-up'
                , 'fa fa-arrow-circle-down'
                , 'fa fa-arrow-circle-left'
                , 'fa fa-arrow-circle-o-down'
                , 'fa fa-arrow-circle-o-left'
                , 'fa fa-arrow-circle-o-right'
                , 'fa fa-arrow-circle-o-up'
                , 'fa fa-arrow-circle-right'
                , 'fa fa-arrow-circle-up'
                , 'fa fa-arrow-down'
                , 'fa fa-arrow-left'
                , 'fa fa-arrow-right'
                , 'fa fa-arrow-up'
                , 'fa fa-arrows'
                , 'fa fa-arrows-alt'
                , 'fa fa-arrows-h'
                , 'fa fa-arrows-v'
                , 'fa fa-caret-up'
                , 'fa fa-caret-down'
                , 'fa fa-caret-left'
                , 'fa fa-caret-right'
                , 'fa fa-caret-square-o-down'
                , 'fa fa-caret-square-o-left'
                , 'fa fa-caret-square-o-right'
                , 'fa fa-caret-square-o-up'
                , 'fa fa-chevron-circle-down'
                , 'fa fa-chevron-circle-left'
                , 'fa fa-chevron-circle-right'
                , 'fa fa-chevron-circle-up'
                , 'fa fa-chevron-down'
                , 'fa fa-chevron-left'
                , 'fa fa-chevron-right'
                , 'fa fa-chevron-up'
                , 'fa fa-exchange'
                , 'fa fa-hand-o-down'
                , 'fa fa-hand-o-left'
                , 'fa fa-hand-o-right'
                , 'fa fa-hand-o-up'
                , 'fa fa-long-arrow-down'
                , 'fa fa-long-arrow-left'
                , 'fa fa-long-arrow-right'
                , 'fa fa-long-arrow-up'
                , 'fa fa-toggle-up'
                , 'fa fa-toggle-up'
                , 'fa fa-toggle-up'
                , 'fa fa-toggle-up'
            ],

            '货币图标': [
                'fa fa-bitcoin '
                , 'fa fa-btc'
                , 'fa fa-cny '
                , 'fa fa-dollar '
                , 'fa fa-eur'
                , 'fa fa-euro '
                , 'fa fa-gbp'
                , 'fa fa-ils'
                , 'fa fa-inr'
                , 'fa fa-jpy'
                , 'fa fa-krw'
                , 'fa fa-money'
                , 'fa fa-rmb '
                , 'fa fa-rouble '
                , 'fa fa-rub'
                , 'fa fa-ruble '
                , 'fa fa-rupee '
                , 'fa fa-shekel '
                , 'fa fa-sheqel '
                , 'fa fa-try'
                , 'fa fa-turkish-lira '
                , 'fa fa-usd'
                , 'fa fa-won '
                , 'fa fa-yen'
            ],
            '文件编辑图标': [
                , 'fa fa-align-center'
                , 'fa fa-align-justify'
                , 'fa fa-align-left'
                , 'fa fa-align-right'
                , 'fa fa-bold'
                , 'fa fa-chain '
                , 'fa fa-chain-broken'
                , 'fa fa-clipboard'
                , 'fa fa-columns'
                , 'fa fa-copy '
                , 'fa fa-cut '
                , 'fa fa-dedent '
                , 'fa fa-eraser'
                , 'fa fa-file'
                , 'fa fa-file-o'
                , 'fa fa-file-text'
                , 'fa fa-file-text-o'
                , 'fa fa-files-o'
                , 'fa fa-floppy-o'
                , 'fa fa-font'
                , 'fa fa-header'
                , 'fa fa-indent'
                , 'fa fa-italic'
                , 'fa fa-link'
                , 'fa fa-list'
                , 'fa fa-list-alt'
                , 'fa fa-list-ol'
                , 'fa fa-list-ul'
                , 'fa fa-outdent'
                , 'fa fa-paperclip'
                , 'fa fa-paragraph'
                , 'fa fa-paste '
                , 'fa fa-repeat'
                , 'fa fa-rotate-left '
                , 'fa fa-rotate-right '
                , 'fa fa-save '
                , 'fa fa-scissors'
                , 'fa fa-strikethrough'
                , 'fa fa-subscript'
                , 'fa fa-superscript'
                , 'fa fa-table'
                , 'fa fa-text-height'
                , 'fa fa-text-width'
                , 'fa fa-th'
                , 'fa fa-th-large'
                , 'fa fa-th-list'
                , 'fa fa-underline'
                , 'fa fa-undo'
                , 'fa fa-unlink '
            ],
            '品牌图标' : [
                ,'fa fa-adn'
                ,'fa fa-android'
                ,'fa fa-angellist'
                ,'fa fa-apple'
                ,'fa fa-behance'
                ,'fa fa-behance-square'
                ,'fa fa-bitbucket'
                ,'fa fa-bitbucket-square'
                ,'fa fa-bitcoin '
                ,'fa fa-btc'
                ,'fa fa-cc-amex'
                ,'fa fa-cc-discover'
                ,'fa fa-cc-mastercard'
                ,'fa fa-cc-paypal'
                ,'fa fa-cc-stripe'
                ,'fa fa-cc-visa'
                ,'fa fa-codepen'
                ,'fa fa-css3'
                ,'fa fa-delicious'
                ,'fa fa-deviantart'
                ,'fa fa-digg'
                ,'fa fa-dribbble'
                ,'fa fa-dropbox'
                ,'fa fa-drupal'
                ,'fa fa-empire'
                ,'fa fa-facebook'
                ,'fa fa-facebook-square'
                ,'fa fa-flickr'
                ,'fa fa-foursquare'
                ,'fa fa-ge '
                ,'fa fa-git'
                ,'fa fa-git-square'
                ,'fa fa-github'
                ,'fa fa-github-alt'
                ,'fa fa-github-square'
                ,'fa fa-gittip '
                ,'fa fa-google'
                ,'fa fa-google-plus'
                ,'fa fa-google-plus-square'
                ,'fa fa-google-wallet'
                ,'fa fa-hacker-news'
                ,'fa fa-html5'
                ,'fa fa-instagram'
                ,'fa fa-ioxhost'
                ,'fa fa-joomla'
                ,'fa fa-jsfiddle'
                ,'fa fa-lastfm'
                ,'fa fa-lastfm-square'
                ,'fa fa-linkedin'
                ,'fa fa-linkedin-square'
                ,'fa fa-linux'
                ,'fa fa-maxcdn'
                ,'fa fa-meanpath'
                ,'fa fa-openid'
                ,'fa fa-pagelines'
                ,'fa fa-paypal'
                ,'fa fa-pied-piper'
                ,'fa fa-pied-piper-alt'
                ,'fa fa-pinterest'
                ,'fa fa-pinterest-square'
                ,'fa fa-qq'
                ,'fa fa-ra '
                ,'fa fa-rebel'
                ,'fa fa-reddit'
                ,'fa fa-reddit-square'
                ,'fa fa-renren'
                ,'fa fa-share-alt'
                ,'fa fa-share-alt-square'
                ,'fa fa-skype'
                ,'fa fa-slack'
                ,'fa fa-slideshare'
                ,'fa fa-soundcloud'
                ,'fa fa-spotify'
                ,'fa fa-stack-exchange'
                ,'fa fa-stack-overflow'
                ,'fa fa-steam'
                ,'fa fa-steam-square'
                ,'fa fa-stumbleupon'
                ,'fa fa-stumbleupon-circle'
                ,'fa fa-tencent-weibo'
                ,'fa fa-trello'
                ,'fa fa-tumblr'
                ,'fa fa-tumblr-square'
                ,'fa fa-twitch'
                ,'fa fa-twitter'
                ,'fa fa-twitter-square'
                ,'fa fa-vimeo-square'
                ,'fa fa-vine'
                ,'fa fa-vk'
                ,'fa fa-wechat '
                ,'fa fa-weibo'
                ,'fa fa-weixin'
                ,'fa fa-windows'
                ,'fa fa-wordpress'
                ,'fa fa-xing'
                ,'fa fa-xing-square'
                ,'fa fa-yahoo'
                ,'fa fa-yelp'
                ,'fa fa-youtube'
                ,'fa fa-youtube-play'
                ,'fa fa-youtube-square'
            ]
        };
        var destroyIconElement = $('#destroy-api').fontIconPicker({
            source: icm_icons,
            searchSource: '',
            theme: 'fip-bootstrap', //四种主题风格：fip-grey, fip-darkgrey, fip-bootstrap, fip-inverted
            emptyIconValue: 'none', //空值
			iconsPerPage: 30, //每页显示图标的个数，默认20
			hasSearch: true,//是否显示试试框，默认true
			emptyIcon: true,//是否显示空
        });
		$('.fip-icons-container').on('click', '.fip-box', $.proxy(function (e) {
			var io = ($(this).attr('title'));
			if (io) {
				$('#icon').attr('value', 'menu-icon ' + io);
			} else {
				$('#icon').attr('value', '');
			}
		})
        )
    })
</script>
</body>
</html>
